page {
	background-color: #efefef;

	display: flex;
	flex-direction: column;
	padding: 16rpx;
	box-sizing: border-box;

	>view {
		&:nth-child(n+2) {
			margin-top: 16rpx;
		}
	}
}

/* 轮播图样式 */
.swiper {

	border-radius: 18rpx;
	overflow: hidden;

	swiper {
		height: 360rpx;
		background-color: lightblue;

		swiper-item {

			// &在sass中代表的是父选择器，引用的意思
			// &:first-child--->swiper-item:first-child
			image {
				width: 100%;
				height: 100%;
			}
		}
	}
}

// 公司信息
.info {
	display: flex;
	justify-content: space-between;
	background-color: white;
	padding:20rpx 16rpx;
	border-radius: 10rpx;
	font-size: 24rpx;
}


// 商品导航区
.good-nav {
	display: flex;
	justify-content: space-between;
	background-color: white;
	padding: 20rpx 16rpx;
	border-radius: 10rpx;

	view {

		navigator{
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		image {
			width: 80rpx;
			height: 80rpx;
		}

		texe{
			font-size: 24rpx;
			margin-top: 12rpx;
		}
	}
}

// 推荐商品区
.good-hot{

	background-color: white;
	padding: 16rpx;
	border-radius: 10rpx;
	font-size: 24rpx;
	.scroll-x{
		width: 100%;
		white-space: nowrap;

		view{
			display:inline-block;
			width: 320rpx;
			height: 440rpx;
			margin-right: 16rpx;

			.good-item{
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				text{
					&:nth-of-type(1){
						font-weight: bold;
					}
				}

			}

			image{
				width: 100%;
				height: 320rpx;
			}
		}

		&:last-child{
			margin-right: 0;
		}
	}

}

.bg-img{
	height: 400rpx;
	background-image: url("https://www.gstatic.com/webp/gallery/1.jpg");
}